<template>
  <div class="search">
    <van-grid>
      <van-grid-item v-for="(item,index) in props.configOption.nav" :icon="item.img" :text="item.title" />
    </van-grid>
  </div>
</template>

<script setup>
import { ref, reactive, toRefs, onMounted } from "vue";

const props = defineProps({
  configOption: {
    type: Object,
    default: () => {},
  },
});

console.log(props.configOption);
</script>
<style scoped>
.title {
  height: 64px;
  line-height: 64px;
  width: 100%;
  background: #cccfff;
  text-align: center;
}
</style>
